<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="/common/template :: header(~{::title},~{::link},~{::style})">
    <style>
        a{
            color: #005980;
        }
        .widget-small{
            background-color: #FFFFFF;
            overflow: hidden;
            text-align: center;
            border-radius: 2px;
            box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
        }
        .widget-small .fa{
            float: left;
            width: 40%;
            line-height: 80px;
            color: #FFFFFF;
        }
        .widget-user .fa{
            background-color: #029789;
        }
        .widget-visit .fa{
            background-color: #17a2b8;
        }
        .widget-message .fa{
            background-color: #fbad4c;
        }
        .widget-like .fa{
            background-color: #ff646d;
        }
        .widget-small-info{
            float: left;
            text-align: left;
            width: 40%;
            margin-left: 20px;
            margin-top: 18px;
            line-height: 24px;
        }
        .widget-small-info h4{
            font-size: 18px;
        }
        .widget-small-info span{
            font-size: 16px;
        }
        .project-introduce{
            min-height: 466px;
        }
        .project-introduce h4{
            font-weight: bold;
            margin-top: 12px;
            margin-bottom: 8px;
        }
        .project-introduce li{
            list-style: decimal;
            margin-left: 28px;
        }
        .alert {
            padding: 15px;
            margin-bottom: 10px;
            border: 1px solid transparent;
            border-radius: 4px;
        }
        .alert-info {
            color: #31708f;
            background-color: #d9edf7;
            border-color: #bce8f1;
        }
    </style>
</head>
<body class="timo-layout-page">
<div class="layui-row layui-col-space15">
    <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
        <div class="widget-small widget-user">
            <i class="icon fa fa-star fa-3x"></i>
            <div class="widget-small-info">
                <h4>需求总量</h4>
                <span>[[${requirementcount}]]</span>
            </div>
        </div>
    </div>
    <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
        <div class="widget-small widget-user">
            <i class="icon fa fa-check fa-3x"></i>
            <div class="widget-small-info">
                <h4>已完成</h4>
                <span>[[${completedcount}]]</span>
            </div>
        </div>
    </div>
    <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
        <div class="widget-small widget-user">
            <i class="icon fa fa-play fa-3x"></i>
            <div class="widget-small-info">
                <h4>处理中</h4>
                <span>[[${processingcount}]]</span>
            </div>
        </div>
    </div>
    <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
        <div class="widget-small widget-user">
            <i class="icon fa fa-close fa-3x"></i>
            <div class="widget-small-info">
                <h4>待处理</h4>
                <span>[[${pendingcount}]]</span>
            </div>
        </div>
    </div>
<!--    <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">-->
<!--        <div class="widget-small widget-visit">-->
<!--            <i class="icon fa fa-line-chart fa-3x"></i>-->
<!--            <div class="widget-small-info">-->
<!--                <h4>访问</h4>-->
<!--                <span>1,200</span>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">-->
<!--        <div class="widget-small widget-message">-->
<!--            <i class="icon fa fa-comments-o fa-3x"></i>-->
<!--            <div class="widget-small-info">-->
<!--                <h4>信息</h4>-->
<!--                <span>41</span>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--    <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">-->
<!--        <div class="widget-small widget-like">-->
<!--            <i class="icon fa fa-star fa-3x"></i>-->
<!--            <div class="widget-small-info">-->
<!--                <h4>收藏</h4>-->
<!--                <span>306</span>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
</div>
<div class="layui-row layui-col-space15">
    <div class="layui-col-md15">
        <div class="layui-card">
            <div class="layui-card-header">管理后台</div>
            <div class="layui-card-body project-introduce">
                <blockquote class="layui-elem-quote layui-quote-nm">
<!--                    TIMO后台管理系统，基于SpringBoot2.0 + Spring Data Jpa + Thymeleaf + Shiro 开发的后台管理系统，采用分模块的方式便于开发和维护，目前支持的功能有：权限管理、部门管理、字典管理、日志记录、文件上传、代码生成等，为快速开发后台系统而生的脚手架！-->
<!--                    <div>开源协议：Apache License 2.0</div>-->
<!--                    <div>开源地址：<a href="https://gitee.com/aun/Timo">https://gitee.com/aun/Timo</a></div>-->
                    <h1>需求管理后台</h1>
                </blockquote>
<!--                <div>-->
<!--                    <h4>技术选型</h4>-->
<!--                    <ol>-->
<!--                        <li>后端技术：SpringBoot + Spring Data Jpa + Thymeleaf + Shiro + EhCache</li>-->
<!--                        <li>前端技术：Layui + Jquery + zTree + Font-awesome</li>-->
<!--                    </ol>-->
<!--                </div>-->
<!--                <div>-->
<!--                    <h4>功能列表</h4>-->
<!--                    <ol>-->
<!--                        <li>用户管理：用于管理后台系统的用户，可进行增删改查等操作。</li>-->
<!--                        <li>角色管理：分配权限的最小单元，通过角色给用户分配权限。</li>-->
<!--                        <li>菜单管理：用于配置系统菜单，同时也作为权限资源。</li>-->
<!--                        <li>部门管理：通过不同的部门来管理和区分用户。</li>-->
<!--                        <li>字典管理：对一些需要转换的数据进行统一管理，如：男、女等。</li>-->
<!--                        <li>行为日志：用于记录用户对系统的操作，同时监视系统运行时发生的错误。</li>-->
<!--                        <li>文件上传：内置了文件上传接口，方便开发者使用文件上传功能。</li>-->
<!--                        <li>代码生成：可以帮助开发者快速开发项目，减少不必要的重复操作，花更多精力注重业务实现。</li>-->
<!--                        <li>表单构建：通过拖拽的方式快速构建一个表单模块。</li>-->
<!--                        <li>数据接口：根据业务代码自动生成相关的api接口文档</li>-->
<!--                    </ol>-->
<!--                </div>-->
            </div>
        </div>
    </div>
</div>
<script th:replace="/common/template :: script"></script>
</body>
</html>

